<template>
  <div class="car-canvas">
    <div id="car" ref="carRef"></div>
  </div>
</template>

<script setup>
import { onMounted } from 'vue'
import SceneFactory from '../3D/sceneFactory.ts'
import car3D from '../3D/car3D.ts'
import house3D from '../3D/house3D.ts'

onMounted(() => {
  const sceneFactory = new SceneFactory('#car')
  const scene = sceneFactory.getScene()
  new car3D(scene, 'scene.gltf')
  new house3D(scene, 'VR Moody Lighting Art Gallery Scene 06.gltf')
})
</script>

<style lang="less" scoped></style>
